<template>
    <div>
        <van-sticky>
            <TopBar title="工单列表"></TopBar>
        </van-sticky>

        <van-sticky offset-top="46px">
            <Tabs></Tabs>
        </van-sticky>


        <div class="addSheet" style="z-index: 101">
            <el-button type="primary" icon="el-icon-edit" circle @click="addSheet"></el-button>
        </div>
    </div>
</template>

<script>
import TopBar from "@/components/TopBar";
import Tabs from "@/views/worksheet/components/Tabs";
// import Card from "@/views/worksheet/components/Card";


export default {
    // eslint-disable-next-line vue/multi-word-component-names
    name: "index",
    data() {
        return {}
    },

    components: {
        TopBar,
        Tabs,
        // Card,
    },

    methods: {
        addSheet() {
            this.$router.push('/addForm')
        }
    }
}
</script>

<style lang="scss" scoped>
.addSheet {
    position: fixed;
    bottom: 80px;
    right: 30px;
}
div:has(div.cardAItem){
    //position: sticky;
    //top: 49px;
    height: 748px;  //防止下面的卡片被导航栏tabbar挡住，就设置一下大盒子的高度 + 设置盒子元素溢出模式
    overflow: scroll;
}
</style>
